<!DOCTYPE html>
<html>
<!--
Copyright (c) 2012 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<head>
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="-1">
  <title>{{title}}</title>
  <script type="text/javascript" src="common.js"></script>
  <script type="text/javascript" src="example.js"></script>
  <style>
    #listener { float: left; padding-right: 8px; }
  </style>
</head>
<body {{attrs}}>
  <h1>{{title}}</h1>
  <h2>Status: <code id="statusField">NO-STATUS</code></h2>
  <div id="listener"></div>
  <p>This example shows how to handle input events.</p>
  <p>Click or touch the box to the left to see the events being sent to the
     NaCl module. When it has focus, the module will also accept keyboard
     events.</p>
  <h2 style="clear: left">Events:</h2>
  <pre id="log" style="font-weight: bold"></pre>
</body>
</html>
